<template>
    <div class="header">城市选择
        <router-link to="/">
            <div class="iconfont header-back">&#xe622;</div>
        </router-link>
    </div>
</template>

<script>
export default {
    name:'CityHeader'
}
</script>

<style lang="less" scoped>
    @import '~styles/varibles.less';
    .header{
        overflow: hidden;
        height: @headerHeight;
        line-height: @headerHeight;
        text-align: center;
        color: #fff;
        background: @bgcolor;
        font-size: .32rem;
        .header-back{
            position: absolute;
            top:0;
            left:0;
            width: .64rem;
            text-align: center;
            font-size: .4rem;
            color: #fff;
        }
    }
</style>


